<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style type="text/css">
.fixVerticalCenterOuter{
width:300px;
height:200px;
border:1px solid #ccc;
text-align:center;
display:table-cell;
vertical-align:middle;
}

/* for IE 6 */
* html .fixVerticalCenterAdd {
width:0;
height:100%;
display:inline-block;
vertical-align:middle;
}
*.fixVerticalCenterAdd {
width:0;
height:100%;
display:inline-block;
vertical-align:middle;
}
* html .fixVerticalCenterInner{
vertical-align:middle;
display:inline-block;
}

</style>
</head>
<body>
	<div class="fixVerticalCenterOuter">
<span class="fixVerticalCenterAdd">
	将外面的div的text-algin:center,然后里面要居中的div的display:inline
	<!-- margin:0 auto不说怎么可以 不过你先要把外层div加上position:relative;属性然后再margin:0 auto就可以了 -->
</span>

<!-- <span class="fixVerticalCenterInner"><img width="100" height="50" src="1.jpg" /></span> -->
</div>
</body>
</html>